<template>
    <view class="set_page flex-col">

        <view class="section_4 flex-col">
            <view class="group_2 flex-col justify-between">
                <view class="input_1 flex-row">
                    <text class="text_3">用户名</text>
                    <text class="text_4">奔跑的大象</text>
                </view>
                <view class="group_3 flex-col">
                    <view class="group_4 flex-col"></view>
                    <view class="group_5 flex-row justify-between">
                        <text class="text_5">年龄</text>
                        <view class="image-text_1 flex-row justify-between">
                            <text class="text-group_1">1990-09-17</text>
                            <div class="icon_2 flex-col"></div>
                        </view>
                    </view>
                </view>
                <view class="group_6 flex-col">
                    <view class="block_2 flex-col"></view>
                    <view class="block_3 flex-row justify-between">
                        <text class="text_6">性别</text>
                        <view class="image-text_2 flex-row justify-between">
                            <text class="text-group_2">男</text>
                            <div class="icon_3 flex-col"></div>
                        </view>
                    </view>
                </view>
                <view class="group_7 flex-col" @click="toModifyMobile">
                    <view class="block_4 flex-col"></view>
                    <view class="block_5 flex-row justify-between">
                        <text class="text_7">修改手机号码</text>
                        <view class="image-text_3 flex-row justify-between">
                            <text class="text-group_3">19908765432</text>
                            <div class="icon_4 flex-col"></div>
                        </view>
                    </view>
                </view>
                <view class="group_8 flex-col">
                    <view class="section_5 flex-col"></view>
                    <view class="text-wrapper_1 flex-row justify-between">
                        <text class="text_8">所在楼盘</text>
                        <text class="text_9">融侨半岛</text>
                    </view>
                </view>
            </view>
            <view class="group_9 flex-col"></view>
        </view>
    </view>
</template>
<script setup>
import { } from 'vue'
const toModifyMobile = () => {
    uni.navigateTo({ url: '/pages/modify_mobile/index' })
}
</script>
<style scoped lang="scss">
.set_page {
    background-color: rgba(245, 245, 245, 1);
    position: relative;
    width: 750rpx;
    height: 1580rpx;
    overflow: hidden;

    .section_1 {
        background-color: rgba(255, 255, 255, 1);
        width: 750rpx;
        height: 176rpx;

        .section_2 {
            width: 682rpx;
            height: 36rpx;
            margin: 30rpx 0 0 42rpx;

            .text_1 {
                width: 108rpx;
                height: 36rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                letter-spacing: -0.30000001192092896px;
                font-family: AlibabaPuHuiTi-Regular;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 36rpx;
            }

            .thumbnail_1 {
                width: 34rpx;
                height: 22rpx;
                margin: 6rpx 0 0 438rpx;
            }

            .thumbnail_2 {
                width: 32rpx;
                height: 22rpx;
                margin: 6rpx 0 0 10rpx;
            }

            .image_1 {
                width: 50rpx;
                height: 24rpx;
                margin: 6rpx 0 0 10rpx;
            }
        }

        .section_3 {
            height: 102rpx;
            width: 750rpx;
            margin: 10rpx 0 2rpx 0;

            .group_1 {
                width: 750rpx;
                height: 102rpx;

                .nav-bar_1 {
                    width: 750rpx;
                    height: 102rpx;

                    .icon_1 {
                        width: 18rpx;
                        height: 34rpx;
                        margin: 40rpx 0 0 36rpx;
                    }

                    .text_2 {
                        width: 134rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 0.9);
                        font-size: 34rpx;
                        font-family: AlibabaPuHuiTi-Regular;
                        font-weight: normal;
                        text-align: center;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin: 32rpx 0 0 256rpx;
                    }


                }

                .box_1 {
                    background-color: rgba(0, 0, 0, 0.1);
                    width: 750rpx;
                    height: 2rpx;
                    margin: 100rpx 0 0 -750rpx;
                }
            }
        }
    }

    .section_4 {
        width: 750rpx;
        height: 1364rpx;

        .group_2 {
            width: 750rpx;
            height: 500rpx;

            .input_1 {
                background-color: rgba(255, 255, 255, 1);
                width: 750rpx;
                height: 100rpx;

                .text_3 {
                    width: 90rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(153, 153, 153, 1);
                    font-size: 30rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 42rpx;
                    margin: 30rpx 0 0 30rpx;
                }

                .text_4 {
                    width: 138rpx;
                    height: 42rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: right;
                    white-space: nowrap;
                    line-height: 42rpx;
                    margin: 30rpx 40rpx 0 452rpx;
                }
            }

            .group_3 {
                background-color: rgba(255, 255, 255, 1);
                width: 750rpx;
                height: 100rpx;

                .group_4 {
                    background-color: rgba(244, 244, 244, 1);
                    width: 690rpx;
                    height: 2rpx;
                    margin-left: 20rpx;
                }

                .group_5 {
                    width: 690rpx;
                    height: 42rpx;
                    margin: 28rpx 0 28rpx 30rpx;

                    .text_5 {
                        width: 60rpx;
                        height: 42rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 30rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 42rpx;
                    }

                    .image-text_1 {
                        width: 182rpx;
                        height: 42rpx;

                        .text-group_1 {
                            width: 156rpx;
                            height: 42rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 28rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: right;
                            white-space: nowrap;
                            line-height: 42rpx;
                        }

                        .icon_2 {
                            width: 16rpx;
                            height: 30rpx;
                            margin-top: 6rpx;
                        }
                    }
                }
            }

            .group_6 {
                background-color: rgba(255, 255, 255, 1);
                width: 750rpx;
                height: 100rpx;

                .block_2 {
                    background-color: rgba(244, 244, 244, 1);
                    width: 690rpx;
                    height: 2rpx;
                    margin-left: 30rpx;
                }

                .block_3 {
                    width: 690rpx;
                    height: 42rpx;
                    margin: 28rpx 0 28rpx 30rpx;

                    .text_6 {
                        width: 60rpx;
                        height: 42rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 30rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 42rpx;
                    }

                    .image-text_2 {
                        width: 54rpx;
                        height: 42rpx;

                        .text-group_2 {
                            width: 28rpx;
                            height: 42rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 28rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: right;
                            white-space: nowrap;
                            line-height: 42rpx;
                        }

                        .icon_3 {
                            width: 16rpx;
                            height: 30rpx;
                            margin-top: 6rpx;
                        }
                    }
                }
            }

            .group_7 {
                background-color: rgba(255, 255, 255, 1);
                width: 750rpx;
                height: 100rpx;

                .block_4 {
                    background-color: rgba(244, 244, 244, 1);
                    width: 690rpx;
                    height: 2rpx;
                    margin-left: 30rpx;
                }

                .block_5 {
                    width: 690rpx;
                    height: 42rpx;
                    margin: 28rpx 0 28rpx 30rpx;

                    .text_7 {
                        width: 178rpx;
                        height: 42rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 30rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 42rpx;
                    }

                    .image-text_3 {
                        width: 206rpx;
                        height: 42rpx;

                        .text-group_3 {
                            width: 180rpx;
                            height: 42rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 28rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: right;
                            white-space: nowrap;
                            line-height: 42rpx;
                        }

                        .icon_4 {
                            width: 16rpx;
                            height: 30rpx;
                            margin-top: 6rpx;
                        }
                    }
                }
            }

            .group_8 {
                background-color: rgba(255, 255, 255, 1);
                width: 750rpx;
                height: 100rpx;

                .section_5 {
                    background-color: rgba(244, 244, 244, 1);
                    width: 690rpx;
                    height: 2rpx;
                    margin-left: 30rpx;
                }

                .text-wrapper_1 {
                    width: 680rpx;
                    height: 42rpx;
                    margin: 28rpx 0 28rpx 30rpx;

                    .text_8 {
                        width: 118rpx;
                        height: 42rpx;
                        overflow-wrap: break-word;
                        color: rgba(153, 153, 153, 1);
                        font-size: 30rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 42rpx;
                    }

                    .text_9 {
                        width: 110rpx;
                        height: 42rpx;
                        overflow-wrap: break-word;
                        color: rgba(0, 0, 0, 1);
                        font-size: 28rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: right;
                        white-space: nowrap;
                        line-height: 42rpx;
                    }
                }
            }
        }

        .group_9 {
            background-color: rgba(244, 244, 244, 1);
            width: 690rpx;
            height: 2rpx;
            margin: 0 0 862rpx 20rpx;
        }
    }

    .image_2 {
        width: 750rpx;
        height: 42rpx;
        margin-top: -2rpx;
    }
}
</style>